<template>
  <div class="titleWrapper">
    <div class="head">
      <h1>方恒假日酒店</h1>
      <div class="price">价格：319</div>
    </div>
    <div class="main">
      <img src="@/static/1.jpeg" />
      <div class="info">
        <p>地址:就将计就计</p>
        <p>电话:1111111</p>
        <!-- <span v-if="data && hotelInfo.hotellevel">
          <i
            class="iconfont iconhuangguan"
            v-for="(item, index) in hotelInfo.hotellevel.arrLevel"
            :key="index"
          ></i>
        </span> -->
        <span class="star" v-if="null">
          <i
            class="iconfont iconhuangguan"
            v-for="(item, index) in [1, 2, 2, 2]"
            :key="index"
          ></i>
        </span>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.titleWrapper {
  .head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 10px;
    border: 1px solid #e4e4e4;
    h1 {
      font-size: 16px;
      margin-right: 10px;
      margin-left: 4px;
    }
    .price {
      color: #f00;
      font-size: 14px;
      font-weight: 600;
    }
  }
  .main {
    padding: 10px 4px;
    display: flex;
    img {
      margin-right: 8px;
      width: 114px;
      height: 72px;
    }
    .info {
      color: #666;
      font-size: 14px;
      .star {
        display: flex;
      }
    }
  }
}
</style>